<!-- eslint-disable vue/multi-word-component-names -->
<template>
    <div class="bigBox">
        <XnavComponent :message="navMessage"></XnavComponent>
        <div>
            <button @click="navMessage=!navMessage">切换</button>
        </div>
    </div>
</template>
<script setup lang="ts">
import { onMounted, ref } from 'vue'
import { useRouter } from 'vue-router';
import XnavComponent from '@/components/package/XnavComponent.vue';
const router = useRouter();
const navMessage = ref(false);
</script>
<style scoped lang='scss'>
.bigBox{
    display: flex;
}
</style>